body 
{   padding: 0;
    margin: 0;
    background: #73ADD7 url(/webmedia/images/gradient.gif) repeat-x;

}

#page {
    background: url(/webmedia/images/sky.jpg) no-repeat center top;
    width: 100%;
    display: table;
}

#content {
    width: 852px;
    margin: 105px auto 0;
    padding: 20px;
    font: Aerial;}


h1 {
    margin: 0;
    padding: 0;
}

a {    
   text-decoration: none;
    color: #ffffff;
   <!-- border-bottom: 1px dotted; -->

}


form {
  text-align: center;
}


p

{
font-size:1.00em;
}    
        
    #infovis {
    position:relative;
    width:550px;
    height:520px;
    margin:auto;
    overflow:hidden;   
    padding:0px; 

}

.tip {
    color: #111;
    width: 139px;
    background-color: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=80);
    font-size:13px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}



#container {

bottom: 0px;
left: 0px;
right: 0px;

height: 100%;
width: 100%;

position: absolute;

min-width: 950px;
-width: 950px;


}


#results {

top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 100%;
position: absolute;



}


#left-container {


width: 41%;
height: 100%;
overflow-y: hidden;




}

#summary-container {
width: 100%;
height: 100%;


border-top-style:solid;

}



#right-container {
background: url(/webmedia/images/grid.png) no-repeat center top;
left: 41%;
width: 58%;
top: 7px;
bottom: 1px;
font-size:4.00em;

position: absolute;


border-style:solid;
}



#one {

 position:absolute;
display: inline-block;

top: 90%;

font-size:100%;






}

#two {
 position:absolute;
display: inline-block;

top: 80%;
left: 20%;
font-size:90%;




}

#three {
 position:absolute;
display: inline-block;

top: 70%;
font-size:80%;
left: 30%;



}

#four {
 position:absolute;
display: inline-block;


top: 60%;
font-size:70%;
left: 40%;



}

#five {
 position:absolute;
display: inline-block;

top: 50%;
font-size:60%;
left: 50%;



}

#six {
 position:absolute;
display: inline-block;

top: 40%;
font-size:50%;
left: 60%;


}

#seven {
 position:absolute;
display: inline-block;

top: 30%;
font-size:40%;
left: 70%;



}

#eight {
position:absolute;
display: inline-block;

top: 20%;
font-size:30%;
left: 80%;



}

#nine {
 position:absolute;
display: inline-block;

top: 10%;
font-size:20%;
left: 90%;


}

#ten {
 position:absolute;
display: inline-block;

top: 1%;
font-size:10%;


}


